import React, { Component } from 'react'
import {
  Tabs, Button, DatePicker
} from 'antd'

import ExpandTable from './expandTable'
import Tab1 from './tab1'
import Test3 from './test3'

export default class Theme extends Component {

  style = {
    height: '100px',
    width: '300px',
    display: 'flex',
    flexFlow: 'column',
    flexWrap: 'wrap',
    background: 'blue'
  }

  render () {
    const { TabPane } = Tabs;
    return (
      <div className={'theme-box'} style={{ height: '100%', width: '100%' }}>
        <Tabs
          defaultActiveKey={"3"}
          // tabBarGutter={10}
          // tabPosition={'left'}
          size={'small'}
          type={"card"}
          tabBarExtraContent={
            <Button
            // size={'small'}
            >
              111111111
            </Button>
          }
        >
          <TabPane tab="Tab 1" key="1">
            <Tab1 />
          </TabPane>
          <TabPane tab="Tab 2" key="2">
            <ExpandTable />
          </TabPane>
          <TabPane tab="Tab 3" key="3">
            <Test3 />
          </TabPane>
        </Tabs>
      </div>
    )
  }
}


